<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>^^title-房源户型管理-列表</title>

  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
  <style>
    #house-info {
      background: #fff;
      display: flex;
      justify-content: space-between;
      width: 100%;
    }

    .info-container {
      margin: 10px;
      font-size: 20px;
    }

    .title-body .title {
      margin: 0 0 10px;
    }

    .title-body .title-container {
      font-size: 18px;
      font-weight: bold;
    }

    #house-info > div {
      min-width: 16%;
      display: flex;
      align-items: center;
    }

    #house-info > div > div {
      /*display: flex;*/

    }

    #house-info .title-body {
      margin-left: 15px;
    }

    #house-info .title-container {
      font-size: 18px;
      font-weight: bold;
      /*text-align: center;*/
    }

    #house-info .iconfont {
      font-size: 60px;
      /*color: #bbb5b5;*/
      float: left;
    }

    .change-btn {
      margin: 20px 0;
    }

    #table {
      background: #fff;
    }

    .table-container {
      max-width: 300px;
    }

    #roof-beam .roof-list {
      display: flex;
      justify-content: flex-start;
    }

    #roof-beam .roof-list div {
      border: 1px solid black;
      padding: 10px;
    }

    .active-blue {
      background: #939393;
    }

    .btn-border {
      border: 1px solid;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }

    #select-type {
      display: inline-block;
    }

    #myModal .modal-body .span-title {
      display: inline-block;
      text-align: right;
      min-width: 100px;
      padding-right: 10px;
    }

    #myModal .modal-body #edit-submit {
      margin-left: 100px;
    }

    #myModal .modal-body #edit-htAveragePrice {
      max-width: 80px;
    }

    #table .header-gray {
      background: #f2f2f2;
    }

    #boot-page-nav .page-nav-active {
      background: #eee;
      /*color: red;*/
    }

    .page-nav-active {
      background: #eee;
    }

    .row {
      padding: 20px;
      background: #fff;
      margin-bottom: 20px;
      -webkit-box-shadow: 0 1px 5px rgba(11, 24, 42, .05);
      -moz-box-shadow: 0 1px 5px rgba(11, 24, 42, .05);
      box-shadow: 0 1px 5px rgba(11, 24, 42, .05);
      margin-left: 0;
      margin-right: 0;
    }

    #special-p {
      display: flex;
    }

    #special-span {
      display: inline-block;
    }

    #unit-img {
      display: inline-block;
      box-shadow: 1px 3px rgba(0, 0, 0, .1);
      border: 1px solid #bbb;
      min-width: 200px;
      max-width: 300px;
      min-height: 150px;
    }

    #unit-img img {
      width: 100%;
      height: 100%;
    }

  </style>
</head>
<body>
@@include('header.html')
@@include('menu.html')
<div class="content-wrap">
  <div id="house-info" class="toolbar">
  </div>
  <div class="change-btn">
    <div class="btn btn-border go-house">房源管理</div>
    <div class="btn btn-primary">户型管理</div>
  </div>
  <div class="row">
    <form id="searchForm">
      <div class="col-md-4">
        <div class="form-group">
          <label>户型名称</label>
          <select id="select-type" class="form-control">
            <option value="">请选择</option>
          </select>
        </div>
      </div>
      <div class="col-md-4 with-label">
        <button id="search-btn" type="button" class="btn btn-primary btn-h-lg">
          <i class="iconfont icon-chazhao"></i> 搜索
        </button>
      </div>
    </form>
  </div>

  <div class="info-container">
    <div class="info-type">户型管理</div>
  </div>
  <div class="inside-table">
    <table id="table" class="table table-bordered"></table>
  </div>
  <div id="boot-page-nav">
  </div>
</div>
@@include('footer.html')

</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="^^static_url/js/houseTypeManage_type.js"></script>
</html>